/* 默认样式，适用于较宽的屏幕，如桌面显示器 屏幕尺寸大于等于1024px */
.box {
  font-size: 24px;
  color: blueviolet;
}

html {
  font-size: 18px;
}

.app-layout {
  .app-header__bar {
    @apply w-full flex justify-between items-center h-[56px] px-[24px];

    background-color: rgb(255, 123, 0);

    .bar-menu {
      display: block !important;
    }

    .bar-icon {
      display: none !important;
    }
  }

  .el-container {
    .el-main {
      @apply min-w-[1024px];
    }
  }
}
